<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
</head>
<p style="font-size: 30px;">

<!-- over, then over -->
<ruby lang="ja-latn"><ruby lang="ja">攻<rp>（</rp><rt>こう</rt><rp>）</rp>殻<rp>（</rp><rt>かく</rt><rp>）</rp>機<rp>（</rp><rt>き</rt><rp>）</rp>動<rp>（</rp><rt>どう</rt><rp>）</rp>隊<rp>（</rp><rt>たい</rt><rp>）</rp></ruby><rp>（</rp><rt>Kōkakukidōtai</rt><rp>）</rp></ruby>

<!-- over, then under -->
<ruby style="ruby-position:under"><ruby style="ruby-position:over">🚅🚅🚅<rt>うちがわるび</ruby><rt>そとがわるび</ruby>

<!-- under, then over -->
<ruby style="ruby-position:over"><ruby style="ruby-position:under">🚅🚅🚅<rt>うちがわるび</ruby><rt>そとがわるび</ruby>

<!-- under, then under -->
<ruby style="ruby-position:under"><ruby>💎💎💎💎<rt>うちがわるび</ruby><rt>そとがわるび</ruby>

</p>


</html>
